<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>会员</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="../mui/css/mui.min.css"/>
    <link rel="stylesheet" href="../css/member.css"/>
    <script src="../mui/js/mui.min.js"></script>
</head>
<body>
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">会员权益</h1>
    </header>
    <!--<nav class="mui-bar  mui-bar-tab">-->
        <!--<a class="mui-tab-item" href="/oauth/index">-->
            <!--<span class="mui-icon mui-icon-home"></span>-->
            <!--<span class="mui-tab-label">首页</span>-->
        <!--</a>-->
        <!--<a class="mui-tab-item" href="/oauth/extension">-->
            <!--<span class="mui-icon mui-icon-paperplane"></span>-->
            <!--<span class="mui-tab-label">推广</span>-->
        <!--</a>-->
        <!--<a class="mui-tab-item" href="javascript:;">-->
            <!--<span class="mui-icon mui-icon-contact"></span>-->
            <!--<span class="mui-tab-label">会员</span>-->
        <!--</a>-->
        <!--<a class="mui-tab-item" href="/oauth/mine">-->
            <!--<span class="mui-icon mui-icon-gear"></span>-->
            <!--<span class="mui-tab-label">我的</span>-->
        <!--</a>-->
    <!--</nav>-->
    <div class="mui-content">
        <div class="mui-row level">
            <span class="arrow-up"></span>
            <div class="mui-text-center">
                <div>
                    <img src="../images/redwine/vip.png" />
                    <p>会员权益</p>
                </div>
            </div>
        </div>
        <div class="mui-row btn-groups">
            <input  type="hidden" th:value="${status}" id="status" />
            <input  type="hidden" th:value="${mobile}" id="mobile" />
            <button class="mui-btn mui-btn-block mui-btn-danger" type="button" id="openMember">充值299元，立即成为会员</button>
            <a href="" class="mui-btn mui-btn-block mui-btn-blue" id="memberBtn">使用会员卡，立即成为会员</a>
        </div>
        <ul class="mui-table-view">
            <li class="mui-media">
                <img class="mui-media-object mui-pull-left list-icon" src="../images/redwine/addvip.png" />
                <div class="mui-media-body">
                    <p>总体来说，充值299能领6瓶酒（每月一瓶）别人扫你推广赠酒二维码加入会员您可以获得一瓶酒外加以后永久5%返利 </p>
                </div>
            </li>
            <li class="mui-media">
                <img class="mui-media-object mui-pull-left list-icon" src="../images/redwine/zu.png" />
                <div class="mui-media-body">
                    <p>充值299元成为会员， 送6瓶原瓶原装法国红酒，299元可在商城任意消费。也可以使用会员卡成为会员。</p>
                </div>
            </li>
            <li class="mui-media">
                <img class="mui-media-object mui-pull-left list-icon" src="../images/redwine/saoma.png" />
                <div class="mui-media-body">
                    <p>点击会员权益-推广赠酒，即可生成专属二维码的推广海报，他人识别扫描二维码关注公众号即成为您的人脉，充值成为会员你可获得一瓶推广酒（去网点随意领取）</p>
                </div>
            </li>
            <li class="mui-media">
                <img class="mui-media-object mui-pull-left list-icon" src="../images/redwine/qiandai.png" />
                <div class="mui-media-body">
                    <p>会员可选择每月任意一日去地图显示合作网点领取1瓶会员酒。每月限一次，领完可顺延会员身份。</p>
                </div>
            </li>
            <li class="mui-media">
                <img class="mui-media-object mui-pull-left list-icon" src="../images/redwine/hudong.png" />
                <div class="mui-media-body">
                    <p>您的人脉会员在商城消费的5%作为返利进入您的账号，可在商城任意消费。</p>
                </div>
            </li>
            <li class="mui-media">
                <img class="mui-media-object mui-pull-left list-icon" src="../images/redwine/laba.png" />
                <div class="mui-media-body">
                    <p>会员推荐成功一家领酒点，即送1箱会员酒。</p>
                </div>
            </li>
        </ul>
    </div>
    <!--<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>-->
    <script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
    <script src="../js/member.js"></script>
</body>
</html>